/* 头部 */
.header {
  height: 35px;
  display: flex;
  justify-content: space-between;
}

.header span {
  font-size: 12px;
}

.header a {
  color: #6c6c6c;
}

.header a:hover {
  color: #f40;
  text-decoration: none;
}

.header-left ul {
  display: flex;
  line-height: 35px;
  font-size: 12px;
}

.header-right ul {
  display: flex;
  line-height: 35px;
  font-size: 12px;

}

.header-left li {
  margin-right: 15px;
}

.header-right li {
  margin-left: 15px;
}

.header-shu {
  margin: 0 3px 0 3px;
  color: #DFDFE4;
}

.activity-wrap {
  height: 70px;
  background-color: #FEE800;
}

/* 搜索 */
.search-container {
  height: 140px;
  background-color: #fff;
}

.search-left {
  float: left;
  height: 140px;
}

.logo-text {
  display: inline-block;
  width: 190px;
  height: 140px;
  overflow: hidden;
  text-indent: -9999px;
  background-image: url(../images/search-left.gif);
}

.two-code {
  width: 62px;
  height: 62px;
}

.two-code-wrap {
  border: 1px solid #EEEEEE;
  width: 76px;
  height: 90px;
  text-align: center;
}

.two-code-wrap p {
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 2px;
  color: #f40;
}

.chacha {
  font-size: 14px;
  border: 1px solid #EEEEEE;
  position: absolute;
  left: -16px;
  color: #E0E0E0;
}

.search-right {
  position: relative;
  top: 30px;
  right: 110px;
  height: 92px;
}

.search-center ul {
  margin-left: 20px;
  display: flex;
}

.search-center ul li {
  font-size: 12px;
  margin-right: 10px;
  color: #f40;
  background-color: #fff;
  padding: 3px;
  width: 36px;
  height: 22px;
  box-sizing: border-box;
  text-align: center;
}

.search-center ul li:nth-child(1) {
  background-image: linear-gradient(to right, #ff9000 0, #ff5000 100%);
  color: white;
  font-weight: bolder;
  border-radius: 6px 6px 0 0;
}

.input-search-wrap {
  border: 2px solid #f40;
  width: 554px;
  height: 36px;
  border-radius: 20px 0 0 20px;
  position: relative;
}

.input-search {
  border: none;
  outline: none;
  background-color: transparent;
  height: 24px;
  line-height: 24px;
  text-indent: 0.6em;
  width: 502px;
  padding: 6px 0;
}

.search-recommend {
  position: absolute;
  left: 0;
  top: 10px;
  color: #9C9C9C;
  text-indent: 1em;
  font-size: 12px;
}

.search-keywords {
  vertical-align: 1px;
}

.hotKeywords a:hover {
  text-decoration: none;
  color: #f40;
}

.submit-btn {
  background-color: #f40;
  border: none;
  width: 74px;
  height: 40px;
  border-radius: 0 20px 20px 0;
  outline: none;
  cursor: pointer;
  position: absolute;
  top: -2px;
  right: -76px;
}

.search-content {
  width: 633px;
  margin: 0 auto;
  padding: 28px 0;
}

.search-content ul {
  cursor: pointer;
}

.hotKeywords a {
  font-size: 12px;
  color: #3C3C3C;
}

.imgToSearch {
  font-size: 26px;
  vertical-align: middle;
  color: #989898;
}

/* 导航 */
.nav-left {
  width: 190px;
  height: 30px;
  float: left;
  background-color: #ff5500;
  text-align: center;
  line-height: 30px;
  color: white;
}

.nav-right {
  float: left;
  background-image: linear-gradient(to right, #ff9000 0, #ff5000 100%);
  height: 30px;
  text-align: center;
  line-height: 30px;
  width: calc(100% - 190px);
}

.nav-right a {
  font-size: 14px;
  color: white;
  padding: 0 5px;
  font-weight: 700;
}

.nav-right a:hover {
  text-decoration: none;
}

.nav-right a:hover::before {
  content: '';
  display: block;
  background: url(../images/nav-hover-bg.png) no-repeat;
  width: 41px;
  height: 16px;
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -20px;
}

.nav-right li {
  margin: 0 3px;
  padding: 0 4px;
  height: 30px;
  position: relative;
}

a.nav-font16 {
  font-size: 16px;
}

.nav-line {
  color: white;
}

/* 首屏 */
.first-screen-left {
  width: 890px;
}

.first-screen-right {
  width: 290px;
  height: 622px;
  margin-top: 10px;
  background-color: #fff;
}

.frist-nav-side {
  width: 190px;
  height: 522px;
  box-sizing: border-box;
  border: 1px solid #f40;
  background-color: #fff;
}

.frist-nav-side li {
  width: 189px;
  text-align: start;
  height: 32px;
  color: #666;
  font-size: 14px;
  line-height: 32px;
  padding: 0 19px 0 25px;
  position: relative;
  box-sizing: border-box;
}

.frist-nav-side li:nth-child(1) {
  margin-top: 5px;
}

.frist-nav-side li:hover {
  background-color: #FFE4DC;
  color: #FF5000;
  border-right: 1px solid #f40;
}

.frist-nav-side li:hover>a {
  color: #FF5000;
}

.frist-nav-side li:hover>span {
  color: #FF5000;
}

.frist-nav-side a {
  color: #666;
}

.frist-nav-side span {
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 1px;
  color: #A1AFD3;
}

.frist-img-container1 {
  margin-top: 10px;
}

.turnToR {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  outline: none;
  border-radius: 20px 0 0 20px;
  width: 20px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}

.turnToL {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  outline: none;
  border-radius: 0 20px 20px 0;
  width: 20px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}

.turnBtn {
  display: none;
}

.turnBtn:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.frist-img-container1:hover .turnBtn {
  display: block;
}
.frist-img-container2:hover .turnBtn {
  display: block;
}

.turnCircle {
  position: absolute;
  /* width: 70px; */
  /* height: 20px; */
  bottom: 10px;
  /* background-color: rgba(255, 255, 255, 0.3); */
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.turnCircle li {
  float: left;
  width: 12px;
  height: 12px;
  margin-top: 2px;
  border-radius: 50%;
  background-color: #fff;
  margin-left: 10px;
}

.turnCircle li.active {
  background-color: #f40;
}
.img2-number{
  position: absolute;
  right: 0;
  top: -20px;
  font-size: 12px;
}

.img2-number i{
  font-style: normal;
  color: #f40;
}

.frist-img-container1-left {
  margin-right: 10px;
  width: 520px;
  height: 280px;
  box-sizing: border-box;
}

.frist-img-container2 {
  width: 700px;
  height: 200px;
  margin-top: 28px;
}

.frist-img-container2-left {
  background-color: #fff;
  margin-left: 10px;
  width: 520px;
  height: 200px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  border-top: 3px solid #f40;
  box-sizing: border-box;
}

.frist-img-container2-left::before {
  content: '';
  display: inline-block;
  width: 136px;
  height: 19px;
  background: url(../images/天猫.png) no-repeat;
  position: absolute;
  left: 0;
  top: -22px;
  border-bottom: 3px solid #000;
}

.frist-img-container2-left::after {
  content: '理想生活上天猫';
  display: inline;
  position: absolute;
  top: -20px;
  left: 140px;
  font-size: 12px;
  color: #666;
}

.frist-img-container2-left img {
  width: 251px;
  height: 190px;
}

.tb-headline-news {
  height: 100px;
  width: 890px;
  background-color: #fff;
  margin-top: 10px;
}

.today-hot {
  position: absolute;
  font-size: 12px;
  top: -20px;
  color: #A1A1A1;
}

.toutiao-left h3 {
  text-indent: -999px;
  overflow: hidden;
  background-image: url(../images/淘宝头条.png);
  background-repeat: no-repeat;
  height: 73px;
  width: 180px;
  block-size: 100% 100%;
  background-position: 50% 50%;
}

.toutiao-left p {
  font-size: 12px;
  color: #999999;
  margin-top: -18px;
  margin-left: 26px;
}

.toutiao-right {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  left: 21px;
}

.toutiao-right img {
  width: 130px;
  height: 73px;
}

.toutiao-right div {
  margin-left: 10px;
}

.toutiao-right em {
  color: #333;
  font-size: 16px;
  font-weight: normal;
}

.toutiao-right p {
  color: #999;
  font-size: 14px;
  margin-top: 2px;
}

.toutiao-right span {
  color: #999;
  font-size: 12px;
  position: relative;
  left: 380px;
  font-weight: normal;
}

.first-right-member {
  height: 145px;
  text-align: center;
  background: url(../images/member-bg.png) no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}

.first-right-member img {
  margin-top: 5px;
  border-radius: 50%;
}

.greetings {
  font-size: 12px;
  color: #3c3c3c;
}

.taojinbi-julebu {
  font-size: 12px;
  margin-top: 6px;
}

.taojinbi-julebu a {
  background-color: #FFE4DB;
  color: #FF5000;
  border-radius: 10px;
  padding-right: 7px;
}

.taojinbi-julebu i {
  font-size: 12px;
}

.taojinbi-julebu a:nth-child(1) {
  margin-right: 10px;
}

.first-right-member button {
  width: 75px;
  height: 25px;
  background-color: #FF6B05;
  outline: none;
  border: none;
  border-radius: 5px;
  color: white;
  font-size: 14px;
  cursor: pointer;
}

.member-btn {
  margin-top: 10px;
}

.jubao {
  background-color: #FFE4DB;
  padding-left: 90px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.jubao a {
  color: #f40;
}

.jubao i {
  font-size: 12px;
  color: #f40;
  margin-left: 20px;
}

.notice {
  height: 108px;
}

.notice ul {
  padding-top: 10px;
}

.notice li {
  float: left;
  height: 22px;
  width: 32px;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  color: #3C3C3C;
  margin: 0 11px;
  position: relative;
}

.notice li:hover::after {
  content: '';
  border-bottom: 2px solid #f40;
  display: block;
  font-weight: 700;
}

.notice li:hover a {
  font-weight: 700;
  text-decoration: none;
}

.notice-content {
  font-size: 12px;
  text-align: start;
  height: 65px;
  margin-top: 15px;
  margin-left: 10px;
}
.notice ul li a{
  color: #3c3c3c;
}

.notice-content p:nth-child(2) {
  margin-top: 10px;
}

.conve li {
  float: left;
  width: 72px;
  height: 78px;
  text-align: center;
  box-sizing: border-box;
  border-top: 1px solid #F4F4F4;
  border-left: 1px solid #F4F4F4;
}

.conve li a {
  font-size: 12px;
  margin-top: 15px;
  display: inline-block;
  color: #333;
  line-height: 20px;
}

.conve li span {
  font-size: 32px;
}

.conve li:hover a {
  text-decoration: none;
  color: #f40;
}

.conve-item1 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 0;
}

.conve-item2 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 16%;
}

.conve-item3 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 8%;
}

.conve-item4 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 23.5%;
}

.conve-item5 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 30%;
}

.conve-item6 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 38%;
}

.conve-item7 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 46%;
}

.conve-item8 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 53.5%;
}

.conve-item9 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 62%;
}

.conve-item10 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 70%;
}

.conve-item11 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 50% 78%;
}

.conve-item12 {
  background: url(../images/conve-sprite.png) no-repeat;
  background-position: 100% 86%;
}

.conve li span {
  display: block;
  height: 32px;
  width: 32px;
}

.app-item-wrap {
  padding: 7px 0 0 20px;
}

.app-item-wrap li {
  float: left;
  height: 32px;
  width: 32px;
  margin-right: 21px;
  margin-bottom: 8px;
}

.app-item-wrap img {
  height: 32px;
  width: 32px;
}

.al-app h5 {
  font-size: 14px;
  color: #3C3C3C;
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 15px;
}

.al-app a {
  font-size: 12px;
  color: #3C3C3C;
  float: right;
}

.al-app i {
  font-size: 12px;
  color: #3C3C3C;
}

.al-app a:hover {
  color: #f40;
  text-decoration: none;
}
/* 轮播图样式 */
#carouselUl li{
  float: left;
}
.frist-img-container1-left{
  overflow: hidden;
}
#carouselUl{
  position: absolute;
  left: -520px;
}

/* 当前活动点样式 */
#turnCircleUl li.cur {
  background-color: #f40;
}
/* */